﻿html, body {
    margin: 0px;
    padding: 0px;
    font-family:"Microsoft yahei","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;
    background:#f0f0f2;
}

a {
    text-decoration: none;
    color:#333333;
}

ul, li {
    list-style: none;
    margin:0px;
    padding:0px;
}

.clr {
    clear: both;
}

.le {
    float: left;
}

.ri {
    float: right;
}
img {border:none;
}

.play {
    display:block;
}
.close {
    display:none;
}


.main {
   padding-bottom:70px;
}

/**头部header*/
.cate_header {
    width:100%;
    height:50px;
}
.cate_header .top {
    height:50px;
    background:#1B1E23;
    color:#fff;
    text-align:center;
    line-height:50px;
    font-size:16px;
}
.putong_top {
    height: 50px;
    background: #1B1E23;
}
.putong_top a {
    float:left;
    display:block;
    width:50px;
    height:50px;
    background:url(../img/back_icon.png) no-repeat;
    background-position:center center;
    background-size:10px;
}
.putong_top div {
    margin:0 auto;
    padding-right:35px;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
}

/*主体部分样式*/

.buliao {
    background:#fff;
    padding:20px;
    font-size:14px;
}
.buliao .bl {
    width:100%;
    overflow:auto;   
    margin-bottom:20px;
}
.bl ul.buli {
    height:30px;
    line-height:30px;
}
.bl ul.buli li {
    float:left;
    width:60px;
    height:30px;
    text-align:center;
    line-height:30px;
    cursor:pointer;
}
.bl ul.buli li.on{
	color:red;
}

.blcon {
    width:100%;
    height:120px;
    overflow:auto;
}
.blcon ul {
    padding:0px;
    margin:0px;
}
.blcon ul li {
    height:30px;
    line-height:30px;
}
.blcon ul li input {
    
}
.blcon ul li label {
    max-width:50%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;

}
.blcon ul li span i {
    font-style:normal;
}


/*工艺*/
.gongyi {
    background:#fff;
    margin-bottom:180px;
    padding:20px;
    font-size:14px;
}
.gongyi p {
    
}
.gongyi ul {
    
}
.gongyi ul li {
    height:30px;
    line-height:30px;
    
}
.gongyi ul li input {
    
}
.gongyi ul li label {
    
}
.gongyi ul li span {
    
}


/*数量、购买*/
.shu_buy {    
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
    
}
.shu_buy .shu_bot {
    line-height:30px; 
    padding: 20px 5%;
width: 90%; 
}
.shu_bot .shu {
        
}
.shu_bot .zong {
        
}

.shu_buy .shu_btn {
    
}
.shu_btn a {
    float: left;
display: block;
width: 50%;
height: 40px;
text-align: center;
line-height: 40px;
background: #ff0000;
color: #fff;
border-left: 1px solid #fff;
margin-left: -1px;
}




/*按钮加减*/


.spinner {
    height: 25px;
    width: 112px;
    overflow: hidden;
    *zoom: 1;
    -webkit-box-shadow: 0 3px 3px -4px #aaa;
    -moz-box-shadow: 0 3px 3px -4px #aaa;
    box-shadow: 0 3px 3px -4px #aaa
}

.spinner button,.spinner .value {
    text-align: center;
    display: block;
    float: left;
    height: 100%;
    line-height: 25px;
    margin: 0
}

.spinner button {
    border: none;
    width: 23px;
    color: #e5312a;
    font: 22px Arial bold;
    padding: 0;
    outline: none
}


.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
    background: url('../img/spinner-s.png') no-repeat;
}
.spinner .decrease {
    background-position: 0 -50px;
    cursor: pointer;
    text-indent: -10000px
}

.spinner .decrease[disabled] {
    background-position: 0 -75px;
    cursor: default
}

.spinner .increase {
    background-position: 0 0;
    cursor: pointer;
    text-indent: -10000px
}

.spinner .value {
    background-position: 0 -100px;
    width: 64px;
    height: 27px;
    border: none;
    font-family: Arial;
    color: #333;
    padding: 0px
}

.spinner .value.passive {
    background-position: 0 -25px;
    color: #919191
}

.spinner .error,.spinner .invalid {
    background: #aa0000
}




.hide {
    display:none;
}
.imputedprice{
	margin-top:30px;
}
.imputedprice p{
	line-height:32px;
}
.imputedpricetable{
	border-collapse:collapse;
	border:1px solid #c2c2c2;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.imputedpricetable tr th{
    background:#e0e0e0;
}
.imputedpricetable tr,.imputedpricetable th,.imputedpricetable td{
	border-collapse:collapse;
	border:1px solid #c2c2c2;
}
.f-r{
	float:right !important;
}
.shu_spiner{
	float:right;
}
.motellast{
	background:#fff;
	display:none;
}